<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    request.setAttribute("basePath", basePath);
%>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>河北民族师范学院-报名系统</title>
    <link rel="stylesheet" href="${basePath}css/style.css">
    <link rel="stylesheet" href="${basePath}css/layui.css">
    <style type="text/css">
        body {
            text-align: center;
        }

        #center_div {
            margin: 0 auto;
            padding: 30px;
        }

        input {
            width: 300px;
        }
    </style>
</head>
<body>
<div class=wrap id=wrap>
    <div class=wrapper>
        <div class=header>
            <div class="head clearfix">
                <div class=logo_box>
                    <h1 style="color:white">HBUNOJ-报名系统</h1>
                </div>
                <div class="nav_box" id="nav_box">
                    <ul>
                        <li>
                            <a href="RegServlet?action=add">注册</a>
                        </li>
                        <%--<li>--%>
                            <%--<a href="login.jsp">登录</a>--%>
                        <%--</li>--%>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="btns_wp scale_box">
            <fieldset id="center_div" class="layui-elem-field" style="width: 500px;">
                <legend style="color: white;">登录</legend>
                <div id="">
                    <form class="layui-form" action="/RegServlet" method="post">
                        <input type="hidden" name="action" value="login">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <input style="width: 200px;" value="${username}" type="text" name="username" lay-verify="required" autocomplete="off" placeholder="学号" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <input style="width: 200px;" type="password" name="password" id="password" lay-verify="required" autocomplete="off"
                                           placeholder="密码" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <button style="width: 200px;" type="submit" class="layui-btn layui-btn-fluid layui-bg-red" lay-submit="LAY-user-reg-submit" lay-filter="LAY-user-reg-submit">登录</button>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <p style="text-align: center; color: white; font-size: 20px">${msg}</p>
                        </div>
                    </form>
                </div>

            </fieldset>
        </div>

        <div class=page_wp id=page_wp>
            <div class="page page_1"><span class="page_bg scale_box"></span>
                <div class=img_box><img src="" alt=""></div>
                <div class="txt_box scale_box scale_box_text">
                    <h2>河北民族师范学院OJ平台 OnlineJudge</h2>
                    <p class=txt_brief>从接触OJ开始，你的生活将变得不同。从做题中发现精彩，冲鸭，朋友！</p>
                </div>
            </div>
            <div class="page page_2"><span class="page_bg scale_box"></span>
                <div class=img_box><img src="" alt=""></div>
                <div class="txt_box scale_box scale_box_text">
                    <h2>OJ 也要不一样</h2>
                    <p class=txt_brief>这是我们自己的 OJ，你有任何想法，尽管写在讨论区，我们将共同为之努力，搭建最舒适家园。我们不一样！</p>
                </div>
            </div>
            <div class="page page_3"><span class="page_bg scale_box"></span>
                <div class=img_box><img src="" alt=""></div>
                <div class="txt_box scale_box scale_box_text">
                    <h2>享受编程</h2>
                    <p class=txt_brief>当coding成为习惯和爱好，coding 的世界等你来探索</p>
                </div>
            </div>
            <div class="page page_4"><span class="page_bg scale_box"></span>
                <div class=img_box><img src="" alt=""></div>
                <div class="light_wp scale_box"><span class=light_box><i class=light_1></i> <i class=light_2></i> <i class=light_3></i>
								<i class=light_4></i> <i class=light_5></i></span></div>
                <span class="meteor_box scale_box"></span>
                <div class="txt_box scale_box scale_box_text">
                    <h2>还有另一个自己在这里等你</h2>
                    <p class=txt_brief>也许另一个人也和你一样，发现真实自己的信念和坚持。</p>
                </div>
            </div>
        </div>
        <div class="star_wp scale_box" id=star_wp><span class=star_bg></span> <span class=star_box></span></div>
        <canvas id=canvas></canvas>

        <div class=footer>
            <div class=foot>
                <p>© 河北民族师范学院-大数据应用研发工作室-ACM爱好者协会 版权所有
            </div>
        </div>
    </div>
</div>
</body>
<script src="${basePath}js/vendors.js"></script>
<script src="${basePath}js/index.js"></script>
<script src="${basePath}js/layui.all.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        form.render();
    });
</script>
</html>
